.elasticity {
    width: 100%;
    height: 100vh;

    .el-loading-text {
        font-size: 2rem;
    }

    .chart-demo {
        height: calc(100vh - 80px - 0.6rem);
        margin: 0.3rem;
        border-radius: 0.4rem;
        width: calc(100vw - 0.6rem);
    }

    .one {
        .chart3D {
            width: 56.401rem;
            margin-right: 0.5rem;
        }

        .chart3D-right-table {
            width: calc(100% - 56.901rem);
        }

        .chart3D-table {
            width: calc(100% - 23.636rem);
        }

        .radar {
            width: 40.636rem;
            max-width: 50rem;
        }

        /* 链路域 */
        .left-table {
            width: 52.7rem;
        }

        .piecewise {
            width: calc(100% - 52.7rem);
        }

        .link-table {
            height: 31.5rem;
        }

        .link-rate {
            height: calc(100% - 31.5rem);
        }
    }

    .all {
        .chart3D {
            height: 18.3rem;
        }

        .chart3D-right-table {
            height: 23.1rem;
        }

        .chart3D-table {
            width: 57.6%;
        }

        .radar {
            width: 42.4%;
        }

        /* 链路域 */
        .link-table {
            height: 11.6rem;
        }

        .link-rate {
            height: 13.7rem;
        }
    }

    .chart-all-page>.chart-item {
        flex: 1;
        margin-left: 0.3rem;
        border-radius: 0.4rem;
    }

    .chart-all-page>*:last-child {
        margin-left: 0;
    }

    .chart-item-title {
        height: 2.4rem;
        line-height: 2.4rem;
        padding-left: 1.25rem;
        font-size: 0.9rem;
    }

    .chart-item-bottom {
        padding-right: 1rem;
    }

    .chart-item-content {
        height: calc(100% - 2.4rem);
    }

    .chart-all-min-page>.chart-all-min-bottom {
        height: calc(25% - 0.15rem);
        border-radius: 0 0.4rem 0.4rem 0;
        margin-bottom: 0.15rem;
    }

    .chart-all-min-page>*:last-child {
        height: 25%;
        margin-bottom: 0;
    }

    .boxplot-box {
        padding: 1.65rem 0;
    }

    .input-label {
        font-size: 1.2rem;
    }

    .across-table-content {
        min-width: 30rem;
    }

    .across-tbody {
        min-width: 1.5rem;
    }

    .across-thead,
    .td-cell {
        font-size: 0.9rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .td-cell {
        line-height: 1.5rem;
        min-width: 3rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sw-table-page {
        padding: 0.5rem;
    }

    .sw-table {
        thead {
            th {
                font-size: 0.9rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                min-width: 2rem;
                max-width: 10rem;
            }

            /* //此代码是让每行右边侧变圆 */
            tr th:last-child {
                border-radius: 0 1.5rem 1.5rem 0;
            }

            /* //此代码是让每行左侧变圆 */
            tr th:first-child {
                border-radius: 1.5rem 0 0 1.5rem;
            }
        }

        tbody {
            td {
                font-size: 0.9rem;
                min-width: 2rem;
                max-width: 10rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            /* //此代码是让每行右边侧变圆 */
            tr td:last-child {
                border-radius: 0 1.5rem 1.5rem 0;
            }

            /* //此代码是让每行左侧变圆 */
            tr td:first-child {
                border-radius: 1.5rem 0 0 1.5rem;
            }
        }

    }






}